<?php
    echo("Pet Amigo");
?>

<html>
	<head>
		
		<!-- page title-->
		<title> My Pet My Amigo </title>
		
		<!-- stylesheet -->
        <link href="css/bootstrap.min.css" rel="stylesheet"/>
        <link href="css/bootstrap-theme.min.css" rel="stylesheet"/>
        <link href="css/service.css" rel="stylesheet"/>
        <link href="css/jquery-ui.min.css" rel="stylesheet"/>
        
        <!-- links-->
        <script src="https://www.google.com/jsapi"></script>
        <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
        <script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
        
        <!-- public js files-->
        <script src="js/bootstrap.min.js"></script>
        <script src="js/Utillity.js"></script>
        <script src="js/houses.js"></script>
        <script src="js/fence.js"></script>
        <script src="js/dog.js"></script>
        
        <script src="js/PetAmigoMain.js"></script>
        
	</head>
	<body>
        <div id="left">
            <div id="map"></div>
            
        </div>
        
        <div id="right">
            <div id="logo">
                Pet Amigo
            </div>
            
            
            <div id="instructions">
                
                <div id = "settings">
                    
                    <!--<form name ="Test" method = "POST" action = "php/getHomeLatLng.php">-->
                        <label id="homelatlng" name ="homelatlng"></label><br/>
                    <!--    <input type = "submit"/> <br/>-->
                    <!--</form>-->
                    <div id ="pickHomeDiv" title="Pick home Location">
                    	<p>Click 'Pick Home' Button and </p>
                    	<p>Define the home position by clicking on the location on the map</p>
                    	<!-- button removed as the button has been creted fomr the modal dialog 
                        <button type="button" class="btn btn-success btn-xs"  id="pickHome">
                            Pick Home
                        </button> -->
                        <!--<input type = "hidden" name="lat" id = "lat" />-->
                        <!--<input type = "hidden" name="lng" id = "lng" />-->
                    </div>    
                        <br/><br/>
                    
                </div>
                <button class="btn btn-success btn-xs"  id="where">
                    Where is my Dog?
                </button>
            </div>
            <div id="controls">
                <button class="btn btn-primary btn-sm" id="unleash">
                    <span class="glyphicon glyphicon-arrow-up"></span> Unleash Dog
                </button>
                <button class="btn btn-primary btn-sm" id="leash">
                    <span class="glyphicon glyphicon-arrow-down"></span> Leash Dog
                </button>
                
            </div>
            <div id="teleport">
            </div>
            <div id="announcements">
                
                no announcements at this time
            </div>
            
            <input type = "hidden" id = "placeOnMap" />
        </div>
        
        
    </body>
</html>